*{
    padding: 0;
    margin: 0;
}

#myordercon{
    width: 100%;
    .navul{
        width: 100%;
        height: 80px;
        border-bottom: 1px solid #e8e8e8;
        background: #fff;
        padding: 0px;
        li{
            width: 20%;
            display: inline-block;
            float: left;
            height: 79px;
            text-align: center;
            line-height: 79px;
            list-style: none;
            color: #171717;
            font-size: 30px;
            font-weight: bold;
        }
        .selectli{
            color: #55cbbb;
            border-bottom: 2px solid #55cbbb;
        }
    }
    .content{
        width: 100%;
        .list{
            border-bottom: 12px solid #f6f6f6;
            .ordernumbox{
                width: 100%;
                height: 90px;
                background: #fff;
                border-bottom: 1px solid #e8e8e8;
                line-height: 80px;
                .ordernum{
                    width: 70%;
                    height: 100%;
                    float: left;
                    text-align:left;
                    color: #171717;
                    font-size: 26px;
                    text-indent: 30px;
                }
                .status{
                    width: 30%;
                    height: 100%;
                    float: left;
                    text-align:right;
                    font-size: 26px;
                }
                .daizhifu{
                    color: #fa0d1d;
                }
                .yiyuyue{
                    color: #ff6700;
                }
                .yiwancheng{
                    color: #55cbbb;
                }
                .yiquxiao{
                    color: #a2a2a2;
                }
            }
            .con{
                width: 100%;
                height: 195px;
                background: #fff;
                .imgbox{
                    width: 25%;
                    height: 100%;
                    float: left;
                    img{
                        width: 130px;
                        height: 130px;
                        border-radius: 50%;
                        margin: 32px auto;
                        display: block;
                    }
                }
                .titlebox{
                    width: 75%;
                    height: 100%;
                    float: left;
                    span{
                        display: block;
                        width: 100%;
                        color: #171717;
                    }
                    .name{
                        font-weight: bold;
                        font-size: 30px;
                        line-height: 100px;
                    }
                    .time{
                        font-size: 26px;
                        padding-bottom: 10px;
                    }
                    .tip{
                        color: #e53935;
                        font-size: 24px;
                    }
                }
            }
        }
    }
}

#myorder_detailcon{
    .topbox{
        width: 100%;
        border-bottom: 12px solid #f6f6f6;
        .zhuangtai{
            width: 100%;
            height: 100px;
            line-height: 100px;
            background: #55cbbb;
            .spn1{
                display: block;
                width: 50%;
                float: left;
                color: #fff;
                font-size: 30px;
                font-weight: bold;
                text-indent: 30px;
            }
            .spn2{
                display: block;
                width: 46%;
                float: left;
                color: #fff;
                font-size: 30px;
                font-weight: bold;
                text-align: right;
            }
        }
        .orderbox{
            width: 100%;
            height: 90px;
            line-height: 90px;
            border-bottom: 1px solid #e8e8e8;
            .spn1{
                display: block;
                width: 56%;
                float: left;
                color: #171717;
                font-size: 26px;
                font-weight: bold;
                text-indent: 30px;
            }
            .spn2{
                display: block;
                width: 40%;
                float: left;
                color: #171717;
                font-size: 26px;
                font-weight: bold;
                text-align: right;
            }
        }
        .con{
            width: 92%;
            margin: 0 auto;
            .list{
                color: #171717;
                font-size: 26px;
                line-height: 56px;
            }
            .classname{
                padding-top: 30px;
                span{
                    font-size: 30px;
                    font-weight: bold;
                }
            }
            .phone{
                padding-bottom: 30px;
            }
        }
    }
    .spnbox{
        .spn1{
            color: #000000;
            font-size: 22px;
            padding-top: 80px;
            text-align: center;
        }
        .spn2{
            color: #a2a2a2;
            font-size: 22px;
            text-align: center;
            padding-top: 18px;
            span{
                color: #000000;
                font-size: 24px;
            }
        }
    }
    .tip{
        width: 160px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        background: #cceeef;
        border-radius: 12px;
        margin: 200px auto 0px;
        color: #ffffff;
        font-size: 26px;
    }
    .btmbox{
        width: 100%;
        height: 90px;
        position: fixed;
        bottom: 0px;
        left: 0px;
        .closeorder{
            width: 70%;
            height: 100%;
            float: left;
            text-align: center;
            background: #cceeef;
            color: #fff;
            line-height: 90px;
            color: #ff6700;
            font-size: 26px;
        }
        .gopay{
            width: 30%;
            height: 100%;
            float: left;
            text-align: center;
            background: #e53935;
            color: #fff;
            line-height: 90px;
            font-size: 30px;
            font-weight: bold;
        }
    }
}
